import { Menu} from "@arco-design/web-react";
import { useEffect } from "react";
import { Outlet, useNavigate } from "react-router-dom";

const Email = () => {
    const nav = useNavigate();
    useEffect(()=>{
        nav("/email/index")
    },[])

    return(
        <>
            <div className="email">
                <div style={{height:'100%'}} className="email-menu">
                    <Menu theme="dark" style={{height:'100%'}}>
                        <Menu.Item key="1" onClick={() => nav("/email/index")}>收件箱</Menu.Item>
                        <Menu.Item key="2">草稿箱</Menu.Item>
                    </Menu>
                </div>
                <div style={{height:'100%',width:'100%'}} className="email-content">
                    <Outlet />
                </div>
                <div style={{width:10}}></div>
            </div>
        </>
    )
}
export default Email;